<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="framework/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="framework/reset.css">
    <link rel="stylesheet" href="css/report.css">
    <script src="js/report.js"></script>
    <title>东软体检APP-体检报告</title>
</head>
<body>
    <!--总容器-->
    <div class="wrapper">
        <header>
            <i class="fa fa-angle-left" onclick="history.go(-1)"></i>
            <p>体检报告</p>
            <div></div>
        </header>

        <nav>
            <div class="active">总检结论</div>
            <div>报告详情</div>
        </nav>

        <div class="top-ban"></div>

        
        <div class="nav-content-item">
            <div class="item">
                <div class="title">异常项</div>
                <ul>
                    <li>
                        <div class="indication">
                            <div class="left">
                                <div>异</div>
                                <p>收缩压</p>
                            </div>
                            <div class="right">
                                <p>149</p>
                                <p>正常值范围：&lt;140</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="indication">
                            <div class="left">
                                <div>异</div>
                                <p>白细胞计数</p>
                            </div>
                            <div class="right">
                                <p>3.56 10^9/L</p>
                                <p>正常值范围：4-10</p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="item">
                <div class="title">一、尊敬的顾客，本次您的体检结论如下</div>
                <ul>
                    <li class="conclusion-title">1、超重</li>
                    <li class="conclusion-title">2、血压增高</li>
                    <li class="conclusion-title">3、血常规异常</li>
                </ul>
            </div>
            <div class="item">
                <div class="title">二、尊敬的顾客，根据您的体检给出建议如下</div>
                <ul>
                    <li class="conclusion-content">
                        <h3>1、超重</h3>
                        <p>增加膳食纤维：每日摄入 25-30 克（如燕麦、苹果、芹菜、豆类），膳食纤维可增加饱腹感，延缓血糖上升。
                            选择优质蛋白质：蛋白质占每日热量的 20%-30%（如每公斤体重摄入 1.2-1.5 克），帮助维持肌肉量，提升代谢率。
                            控制脂肪摄入：减少饱和脂肪（动物油、肥肉），增加不饱和脂肪（橄榄油、坚果、深海鱼中的 Omega-3）。</p>
                    </li>
                    <li class="conclusion-content">
                        <h3>2、血压增高</h3>
                        <p>推荐运动：每周 5-7 天，每次 30-60 分钟中等强度运动（如快走、游泳、骑自行车、太极拳），运动时心率控制在（220 - 年龄）×60%-70%。
                            注意事项：避免晨起血压高峰时段（6:00-10:00）剧烈运动，血压＞180/110 mmHg 时暂停运动，先控制血压。</p>
                    </li>
                    <li class="conclusion-content">
                        <h3>3、血常规异常</h3>
                        <p>贫血者多吃含铁食物（红肉、动物肝脏、菠菜）、维生素 B12 来源（鱼类、乳制品）；
                            白细胞低者避免接触感染源（少去人群密集处），保证充足睡眠；
                            血小板低者避免剧烈运动、磕碰，以防出血。</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="nav-content-item">
            <div class="item">
                <div class="title">一般检测</div>
                <ul>
                    <li>
                        <div class="indication">
                            <div class="left">
                                <div>异</div>
                                <p>收缩压</p>
                            </div>
                            <div class="right">
                                <p>149</p>
                                <p>正常值范围：&lt;140</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="indication">
                            <div class="left">
                                <p>舒张压</p>
                            </div>
                            <div class="right">
                                <p>90</p>
                                <p>正常值范围：&lt;90</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="indication">
                            <div class="left">
                                <p>身高</p>
                            </div>
                            <div class="right">
                                <p>177.00 cm</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="indication">
                            <div class="left">
                                <p>体重</p>
                            </div>
                            <div class="right">
                                <p>80 kg</p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="item">
                <div class="title">血常规</div>
                <ul>
                    <li>
                        <div class="indication">
                            <div class="left">
                                <div>异</div>
                                <p>白细胞计数</p>
                            </div>
                            <div class="right">
                                <p>3.56 10^9/L</p>
                                <p>正常值范围：4-10</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="indication">
                            <div class="left">
                                <p>红细胞压值</p>
                            </div>
                            <div class="right">
                                <p>47.4 %</p>
                                <p>正常值范围：36-50</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="indication">
                            <div class="left">
                                <p>淋巴细胞计数百分比</p>
                            </div>
                            <div class="right">
                                <p>19.03 %</p>
                                <p>正常值范围：18.3-47.9</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="indication">
                            <div class="left">
                                <p>单核细胞计数百分比</p>
                            </div>
                            <div class="right">
                                <p>8.00 %</p>
                                <p>正常值范围：6-10</p>
                            </div>
                        </div>
                    </li>
                </ul>

                <div class="item">
                    <div class="title">尿常规</div>
                    <ul>
                        <li>
                            <div class="indication">
                                <div class="left">
                                    <p>酸碱度</p>
                                </div>
                                <div class="right">
                                    <p>6.0</p>
                                    <p>正常值范围：4.5-8.0</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="indication">
                                <div class="left">
                                    <p>红细胞</p>
                                </div>
                                <div class="right">
                                    <p>1</p>
                                    <p>正常值范围：离心尿沉渣镜检&lt;3 个 / 高倍视野（HPF）</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="indication">
                                <div class="left">
                                    <p>白细胞</p>
                                </div>
                                <div class="right">
                                    <p>1</p>
                                    <p>正常值范围：离心尿沉渣镜检&lt;5 个 / 高倍视野（HPF）</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="indication">
                                <div class="left">
                                    <p>蛋白质</p>
                                </div>
                                <div class="right">
                                    <p>阴性（-）</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="item">
                    <div class="title">妇科检查</div>
                    <ul>
                        <li class="indication">
                            <div class="indications-tpye-4">
                                <div>
                                    <p>盆腔检查</p>
                                </div>
                                <div>
                                    <p>
                                        盆腔检查结果内容，盆腔检查结果内容，盆腔检查结果内容，盆腔检查结果内容，盆腔检查结果内容，盆腔检查结果内容，
                                        盆腔检查结果内容，盆腔检查结果内容，盆腔检查结果内容，盆腔检查结果内容，盆腔检查结果内容，盆腔检查结果内容，
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="indication">
                            <div class="indications-tpye-4">
                                <div>
                                    <p>乳腺检查</p>
                                </div>
                                <div>
                                    <p>
                                        乳腺检查结果内容，乳腺检查结果内容，乳腺检查结果内容，乳腺检查结果内容，乳腺检查结果内容，乳腺检查结果内容
                                        乳腺检查结果内容，乳腺检查结果内容，乳腺检查结果内容，乳腺检查结果内容，乳腺检查结果内容，乳腺检查结果内容
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li class="indication">
                            <div class="indications-tpye-4">
                                <div>
                                    <p>子宫检查</p>
                                </div>
                                <div>
                                    <p>
                                        子宫检查结果内容，子宫检查结果内容，子宫检查结果内容，子宫检查结果内容，子宫检查结果内容，子宫检查结果内容
                                        子宫检查结果内容，子宫检查结果内容，子宫检查结果内容，子宫检查结果内容，子宫检查结果内容，子宫检查结果内容
                                    </p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        

        <div class="bottom-ban"></div>
        <!--footer-->
        <footer>
            <ul>
                <li onclick="location.href='index.html'">
                    <i class="fa fa-home"></i>
                    <p>云医院</p>
                </li>
                <li>
                    <i class="fa fa-opencart"></i>
                    <p>商城</p>
                </li>
                <li>
                    <i class="fa fa-compass"></i>
                    <p>发现</p>
                </li>
                <li onclick="location.href='personal.html'">
                    <i class="fa fa-user"></i>
                    <p>我</p>
                </li>
            </ul>
        </footer>
    </div>
</body>
</html>